<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="Keywords" content="">
        <meta name="description" content="">
        <meta content="width=640,target-densitydpi=device-dpi,user-scalable=no" name="viewport" />
        <title>IOPE艾诺碧</title> 
    </head>
    <script type="text/javascript" src="js/jquery-1.11.2.js"></script>
    <script type="text/javascript" src="js/Area.js"></script>
    <script type="text/javascript" src="js/AreaData_min.js"></script>
    <script type="text/javascript">
$(function (){
	initComplexArea('seachprov', 'seachcity', 'seachdistrict', area_array, sub_array, '44', '0', '0');
});

//得到地区码
function getAreaID(){
	var area = 0;          
	if($("#seachdistrict").val() != "0"){
		area = $("#seachdistrict").val();                
	}else if ($("#seachcity").val() != "0"){
		area = $("#seachcity").val();
	}else{
		area = $("#seachprov").val();
	}
	return area;
}

function showAreaID() {
	//地区码
	var areaID = getAreaID();
	//地区名
	var areaName = getAreaNamebyID(areaID) ;
	alert("您选择的地区码：" + areaID + "      地区名：" + areaName);            
}

//根据地区码查询地区名
function getAreaNamebyID(areaID){
	var areaName = "";
	if(areaID.length == 2){
		areaName = area_array[areaID];
	}else if(areaID.length == 4){
		var index1 = areaID.substring(0, 2);
		areaName = area_array[index1] + " " + sub_array[index1][areaID];
	}else if(areaID.length == 6){
		var index1 = areaID.substring(0, 2);
		var index2 = areaID.substring(0, 4);
		areaName = area_array[index1] + " " + sub_array[index1][index2] + " " + sub_arr[index2][areaID];
	}
	return areaName;
}
</script>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <body>
        <div class="main">
            <div class="container search"  style="margin-top:-516px; height:975px;">
                <div class="top search_top">
                    <p class="binding_title">预约体验</p>
                    <p class="binding_en_title">Booking experience</p>
                </div>
                <form name="" action="" method="post">
                    <div class="middle">
                        <p class="search_p">全国柜台</p>
                        <p class="search_con">搜索离您最近的IOPE艾诺碧柜台<br/>在下面选择您所在的城市</p>
<!--
                        <select id="Select1" name="Select1" class="select" style="background:rgba(30,36,53,0.8);">
                             <option value="" style="background:rgba(30,36,53,0.8);">选择省份</option>
                        </select>
                        <select id="Select2" name="Select2" class="select">
                            <option value="">选择城市</option>
                            <option value="">上海市</option>
                        </select>
                        <select id="Select3" name="Select3" class="select">
                            <option value="">选择柜台</option>
                        </select>
-->
                       
<select id="seachprov" name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>
<select id="seachcity" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;&nbsp;
<span id="seachdistrict_div"><select id="seachdistrict" name="seachdistrict"></select></span>



                        <p class="search_con2">预约肌肤测试<span>( 此项为选填项 )</span></p>
                        <p class="search_con2">成功预约后，即有机会赢取精美礼品！</p>
                        <div class="yuyue_info">
                            <input type="text" placeholder="请输入姓名" style="color:whiite;">
                            <input type="tel" placeholder="请输入手机号码" style="color:whiite;">
                            <input type="text" placeholder="请输入地址" style="color:whiite;">
                        </div>
                    </div>
                    <div class="bottom">
                        <button class="tel_submit ubind_button" style="margin-top:25px;">确认预约</button>
                    </div>
                </form>
            </div>
        </div>
    </body>
</html>